$(function() { 
	var emailreg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
	var passreg = /([a-zA-Z0-9]{4,15})$/;
	var telfreg = /([0-9]{9,})$/;
	var passreg2 = /(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{4,15})$/;
	var noespreg =/[a-zA-ZñÑáéíóúÁÉÍÓÚ ,]{5,}$/;
	var usuarioreg =/[a-zA-ZñÑáéíóúÁÉÍÓÚ0-9]{4,}$/;		
	$(".button").click(function(){  
		$(".error").fadeOut().remove();
		
        if (!usuarioreg.test($(".usuario").val())) {  
			$(".usuario").focus().after('<span class="error">Ingrese un asuario valido</span>');  
			return false;  
		}
        if (!passreg.test($(".clave").val())) {  
			$(".clave").focus().after('<span class="error">Ingrese una clave valida</span>');   
			return false;  
		} 
        if ($(".clave2").val() == "" || $(".clave").val() != $(".clave2").val()) {  
			$(".clave2").focus().after('<span class="error">La Clave no coincide</span>');   
			return false;  
		}
		if (!noespreg.test($(".nombre").val())) {  
			$(".nombre").focus().after('<span class="error">Ingrese un nombre valido</span>');  
			return false;  
		}
		if (!telfreg.test($(".telf").val()) && $(".telf").val() != "") {  
			$(".telf").focus().after('<span class="error">Ingrese un teléfono valido</span>');  
			return false;  
		}  		  
        if ($(".email").val() == "" || !emailreg.test($(".email").val())) {
			$(".email").focus().after('<span class="error">Ingrese un email valido</span>');  
			return false;  
		}  
		if ($(".remail").val() == "" || $(".email").val() != $(".remail").val()) {  
			$(".remail").focus().after('<span class="error">El correo no coincide</span>');   
			return false;  
		}
   
        if ($(".provincia").val() == 0) {  
			$(".provincia").focus().after('<span class="error">Seleccione una provincia</span>');   
			return false;  
		}
        if ($(".municipio").val() == 0) {  
			$(".municipio").focus().after('<span class="error">Seleccione un municipio</span>');   
			return false;  
		}
        if ($("#captcha-code").val() == '') {  
			$("#captcha-code").focus().after('<span class="error">Introduzca el código</span>');   
			return false;  
		}
 		var array = new Object(); <!-- Construimos un objeto con la información a enviar -->

		array['nombre'] = $(".nombre").val();
		array['telefono'] = $(".telf").val();
		array['email'] = $(".email").val();
		array['usuario'] = $(".usuario").val(); <!-- Cogemos el valor del input con id "user" -->		 
		array['clave'] = calcMD5($(".clave").val()); <!-- Cogemos el valor del input pass1 y lo encriptamos -->
		array['fechan'] = $(".anio").val() + "-" + $(".mes").val() + "-" + $(".dia").val();
		array['municipio'] = $(".municipio").val();
		array['provincia'] = $(".provincia").val();
		array['captcha'] = $("#captcha-code").val();
		json_form = JSON.stringify(array);  // convertimos el objeto a una cadena JSON
		$.ajax({ <!-- Comenzamos la función con ajax -->
 
		type: "POST", <!-- Enviamos los datos por POST -->
		 
		data: {form:json_form}, <!-- Metemos los datos del array para enviarlos -->
		 
		url: './json/json_registro.php', <!-- Le ponemos la ruta del PHP al que le enviamos los datos -->
		 
		success: function(data) { <!-- En caso de que los datos hayan llegado correctamente al destinatario, y haya contestado, se ejecutará esta función -->
		 
		var res = jQuery.parseJSON(data); <!-- Recogemos los datos que devuelve el PHP en formato JSON -->
		 
		if(res.error == "2"){ <!-- Si el PHP ha devuelto algún error controlado por nosotros -->
		 	
			$(".usuario").focus().after('<span class="error">' + res.error_msg +'</span>');
			change_captcha();
			
		
		}else if(res.error == "3"){
			alert(res.error_msg);
			change_captcha();
		}else if(res.error == "4"){
			$("#captcha-code").focus().after('<span class="error">' + res.error_msg +'</span>');
			change_captcha();		
		}else{ <!-- Registro OK -->
			$(".contacto").remove();
			$(".box").attr("style","padding-bottom: 400px");
			$(".info-box").html("Usuario registrado correctamente.</BR></BR>Le hemos enviado un correo para confirmar su registro, reviselo y pulse en \"completar registro\" para completar el registro.")
 
		}
		 
		},
		 
		error: function(e){ <!-- Si no ha podido conectar con el servidor -->
		 
		alert("Se ha producido un error en el servidor");
		 
		}
		 
		}); <!-- fin ajax -->
 
    });  
	$(".nombre, .asunto, .mensaje, #captcha-code").bind('blur keyup', function(){  
        if ($(this).val() != "") {  			
			$('.error').fadeOut();
			return false;  
		}  
	});	
	$(".email").bind('blur keyup', function(){  
        if ($(".email").val() != "" && emailreg.test($(".email").val())) {	
			$('.error').fadeOut();  
			return false;  
		}  
	});
});
	 function change_captcha()
	 {
		document.getElementById('captcha').src="get_captcha.php?rnd=" + Math.random();
	 }

function registro(){
	 // refresh captcha
	 $('img#captcha-refresh').click(function() {  
			
			change_captcha();
	 });
	 

	 
	$('.provincia').empty();
	$('.provincia').append('<option value="0">Seleccione Provincia</option>');
	$.getJSON('./json/json_provincias.php', function(data) {
 
 		if(data[0].id!=0){
			for (var i=0; i<data.length; i++) {
									$('.provincia').append('<option value="' + data[i].id + '">' + data[i].literal + '</option>');
			}
		}
 
 
   });
   $('.provincia').change(function(){
		$('.municipio').empty();
		
		$.getJSON('./json/json_poblaciones.php?provincia=' + $('.provincia').val() , function(data) {
	 
			console.log(JSON.stringify(data));
	 		if(data[0].id!=0){
				$('.municipio').append('<option value="0">Seleccione Municipio</option>');
				for (var i=0; i<data.length; i++) {
										$('.municipio').append('<option value="' + data[i].id + '">' + data[i].literal + '</option>');
				}
			}else{
				$('.municipio').append('<option value="0">Seleccione antes una provincia</option>');
			}
						   
	 
	   
	   });
           $('#div_provincia').html($(".provincia option:selected").text());          
           $('#div_municipio').html("Seleccione Municipio");
   });
   $('.municipio').change(function(){

           $('#div_provincia').html($(".provincia option:selected").text());
           $('#div_municipio').html($(".municipio option:selected").text());
   });
}

function login(){
	/*login*/
	
	$("#usuario, #clave").focus(function(){
            $(".error").fadeOut().remove();
        });

	$(".botonlogin").click(function(){ <!-- Cuando cliquemos en el boton con el id "enviar" hara lo que pongamos dentro de los corchetes -->
	$(".error").fadeOut().remove();
	
	if($("#usuario").val() == ""){
	 
	$("#usuario").focus().after('<span class="error">Introduzca usuario</span>');   
	return false;
	
	}else if($("#clave").val() == ""){ <!-- Comprobamos que la contraseña no esté vacía -->
	 
	$("#clave").focus().after('<span class="error">Introduzca contraseña</span>');   
	return false; <!-- Evitamos que la función se siga ejecutando si la contraseña está vacía -->
	 
	 
	}
	 
	  
	 
	var array = new Object(); <!-- Construimos un objeto con la información a enviar -->
	 
	array['tag'] = "login";
	 
	array['usuario'] = $("#usuario").val(); <!-- Cogemos el valor del input con id "user" -->
	 
	array['password'] = calcMD5($("#clave").val()); <!-- Cogemos el valor del input pass1 y lo encriptamos -->
	 
	<!--console.log (array); --> 
	 
	$.ajax({ <!-- Comenzamos la función con ajax -->
	 
	type: "POST", <!-- Enviamos los datos por POST -->
	 
	data: array, <!-- Metemos los datos del array para enviarlos -->
	 
	url: './json/json_login.php', <!-- Le ponemos la ruta del PHP al que le enviamos los datos -->
	 
	success: function(data) { <!-- En caso de que los datos hayan llegado correctamente al destinatario, y haya contestado, se ejecutará esta función -->
	 
	var res = jQuery.parseJSON(data); <!-- Recogemos los datos que devuelve el PHP en formato JSON -->
	 
	if(res.error_msg != ""){ <!-- Si el PHP ha devuelto algún error controlado por nosotros -->
	 
	$("#usuario").focus().after('<span class="error">Usuario/Clave incorrecto</span>');
	 
	}else{
	 
	$(".loginbox").load('./usuario_conectado.php'); <!-- login ok -->
	$(".loginbox").fadeOut(1);
	$(".loginbox").fadeIn(1000);	 
	}
	 
	},
	 
	error: function(e){ <!-- Si no ha podido conectar con el servidor -->
	 
	$("#usuario").focus().after('<span class="error">Error en el servidor, por favor, intentalo de nuevo mas tarde</span>');
	 
	}
	 
	}); <!-- fin ajax -->
	 
	
	 
		});<!-- fin login -->

}